<template>
	<div class="main-2">
		<div v-if="!isChecked" class="off"></div>
		<div class="on" v-if="isChecked"></div>
	</div>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		isChecked: {
			type: [Boolean, Number]
		}
	},
	methods: {}
};
</script>

<style scoped lang="scss">
.main-2 {
	width: 36upx;
	height: 36upx;
	font-size: 0;
	.off {
		background: url('../static/my/notChoose.png') no-repeat left top;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
		display: block;
	}
	.on {
		background: url('../static/my/choosed.png') no-repeat left top;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
		display: block;
	}
}
</style>
